<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"  
                xmlns:h="http://java.sun.com/jsf/html"  
                xmlns:f="http://java.sun.com/jsf/core"  
                xmlns:p="http://primefaces.org/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="profile.xhtml">

    <ui:define name ="body">
        <div id="sidebar">
            <ui:include src="userStats.xhtml"/>
            <p:panel style="margin: 8px">
                algo
            </p:panel >
            <p:panel style="margin: 8px">
                otra cosa
            </p:panel>
        </div>
        <div id="main">
            <p:panel style="margin: 8px 8px 8px 0px;">
                 Para agregar una cuenta<br/>
                 1. logueese en <a href="http://www.twitter.com" target="_blank">TWITTER</a>
                 <h:form>
                 <h:panelGroup id="token-url">
                     2. Abra la direccion <a href="#{configurationController.url}" target="_blank">TOKEN</a> y copie el pin.<p:commandButton value="Actualizar" update="token-url" actionListener="#{configurationController.refresh}"/>
                 </h:panelGroup>
                 </h:form>
                 <h:form>
                 3. Ingrese el pin provisto <p:inputText value="#{configurationController.pin}"/> <br/>
                 4. Registre <p:commandButton value="Agregar" actionListener="#{configurationController.add}"/>
                 </h:form>
            </p:panel>
            
            <p:panel>
                Click para iniciar la migracion del dataset a la base
                <h:form>
                <p:commandButton value="Migrar" actionListener="#{configurationController.loadDataset}"/>
                </h:form>
            </p:panel>
        </div>
    </ui:define>   
</ui:composition>

